function lazyload() 
{
    console.log('lazyload函数被触发');

    // 1 每次获取最新的 可见视口 + 滚动的高度
    // 2 获取所有图片
    // 3 遍历
    // 4 判断：当前图片的.offsetTop < 步骤1（可见视口 + 滚动的高度）
    // 不成立-不管
    // 成立-修改图片的src地址 改成真是的  


    // 1 每次获取最新的 可见视口 + 滚动的高度
    var temp1 = window.innerHeight || document.documentElement.clientHeight  // 兼容ie
    var temp2 = document.body.scrollTop || document.documentElement.scrollTop // 兼容doctype
    var maxShowHeight = temp1 + temp2
    // 2 获取所有图片
    var imgs = document.querySelectorAll('img')
    // 3 遍历
    /**
     * 描述
     * @date 2022-08-10
     * @param {any} function(item
     * @param {any} index
     * @returns {any}
     */
    imgs.forEach(function(item, index) { // item就是每一个图片标签对象
        // 4 判断：当前图片的.offsetTop < 步骤1（可见视口 + 滚动的高度）
        // 不成立-不管
        // 成立-修改图片的src地址 改成真是的  
        // console.log(item, item.offsetTop , maxShowHeight)
        if (item.offsetTop < maxShowHeight)
        {
            // item.src = item.src-real  切记非标签默认属性 不能直接点
            item.src = item.getAttribute('src-real');
        }
    })
}